import React from 'react';
import { useRef,useEffect} from 'react';
/* useRef  */
const App = () => {
  /* 1. 使用 useRef 获取一个引用 */
  let inputRef = useRef();
  useEffect(()=>{
    inputRef.current.value = "小坏蛋！！";
  },[])
  return (
    <div>
      {/* 2. 绑定节点 */}
      <input type="text" ref={inputRef} />
      {/* 3. 获取节点 */}
      <button onClick={()=>{
        console.log(inputRef.current.value);
      }}>获取节点</button>
    </div>
  );
}

export default App;
